<!DOCTYPE html>
<html lang="en-us">

<head>
    <!-- jQuery -->
<script src="https://cdn.bootcss.com/jquery/1.7.2/jquery.min.js"></script>
    <!-- BEGIN TimelineJS -->
<script src="https://cdn.bootcss.com/timelinejs/2.36.0/js/storyjs-embed.js"></script>

    <script>$(document).ready(function () {
        createStoryJS({
            type: 'timeline',
            width: '900',
            height: '600',
            source: 'timeline.json',
            embed_id: 'my-timeline'
        });
    });</script>
    <!-- END TimelineJS -->

    <style>
        #my-timeline {
            margin: auto !important;
        }

        #my-timeline .slider-item h3 {
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
            font-size: 18px !important;
        }

    </style>

</head>


<body>
<div id="my-timeline">
</div>
</body>
</html>

